.detail {
	position: relative;

	.main {
		.back {
			font-size: 30px;
			font-family: 宋体;
			font-weight: bold;
			color: #fff;
			background: #000;
		}
		// 视屏
		.video {
			position: relative;
			display: flex;
			color: #fff;
			height: 260px;
			background: #000;
			video {
				width: 100%;
				height: 100%;
			}
			div {
				position: absolute;
				left: 42%;
				top: 40%;
				text-align: center;
				z-index: 9;
				.play {
					font-size: 24px;
					display: block;
				}
				#plays {
					display: none;
				}
			}
		}
		// 课程详情
		.detail-text {
			padding: 0 16px;
			h3 {
				margin: 16px 0 5px;
			}
			// 运动数据
			.detail-data {
				display: flex;
				line-height: 2.5em;
				justify-content: space-between;
				border-bottom: 2px solid #bbb;
				font-size: 12px;
				p {
					span {
						font-size: 20px;
						color: #000;
						font-weight: bold;
					}
				}
			}
			// 用户信息栏
			.user-info {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 10px 0;
				.info {
					display: flex;
					align-items: center;
					img {
						width: 80px;
						height: 80px;
						border-radius: 50%;
						margin-right: 10px;
					}
				}
				p {
					width: 60px;
					line-height: 30px;
					background: #4294ff;
					text-align: center;
					border-radius: 15px;
					color: #fff;
				}
			}
			// 课程介绍
			.introduce {
				color: #8a8a8a;
				margin: 10px 0 20px;
			}
			// 训练数据
			.train-data {
				display: flex;
				.train-num {
					width: 50%;
					font-size: 18px;
					span {
						font-size: 26px;
					}
					p {
						font-size: 14px;
					}
				}
				.tool {
					padding-left: 20px;
					border-left: 1px solid #bbbbbb;
					font-size: 18px;
					span {
						font-size: 26px;
					}
					p {
						font-size: 14px;
					}
				}
			}
		}
	}
	.playBtn {
		position: absolute;
		bottom: 20px;
		left: 10%;
		display: block;
		border-radius: 25px;
		text-align: center;
		width: 80%;
		background: #4294ff;
		color: #fff;
		line-height: 50px;
	}
}
